@charset "UTF-8";
* {
	margin: 0;
	padding: 0;
}

@font-face {
	font-family: 'RotisSemiSansStd';
	src: url('/fileadmin/tmpl/defaultproject/Resources/Public/fonts/RotisSemiSansStd-Light/RotisSemiSansStd-Light.eot?#iefix') format('embedded-opentype'),
	url('/fileadmin/tmpl/defaultproject/Resources/Public/fonts/RotisSemiSansStd-Light/RotisSemiSansStd-Light.otf') format('opentype'),
	url('/fileadmin/tmpl/defaultproject/Resources/Public/fonts/RotisSemiSansStd-Light/RotisSemiSansStd-Light.woff') format('woff'),
	url('/fileadmin/tmpl/defaultproject/Resources/Public/fonts/RotisSemiSansStd-Light/RotisSemiSansStd-Light.ttf') format('truetype'),
	url('/fileadmin/tmpl/defaultproject/Resources/Public/fonts/RotisSemiSansStd-Light/RotisSemiSansStd-Light.svg#RotisSemiSansStd-Light') format('svg');
	font-weight: 200;
	font-style: normal;
}

@font-face {
	font-family: 'RotisSemiSansStd';
	src: url('/fileadmin/tmpl/defaultproject/Resources/Public/fonts/RotisSemiSansStd-Bold/RotisSemiSansStd-Bold.eot?#iefix') format('embedded-opentype'),
	url('/fileadmin/tmpl/defaultproject/Resources/Public/fonts/RotisSemiSansStd-Bold/RotisSemiSansStd-Bold.otf') format('opentype'),
	url('/fileadmin/tmpl/defaultproject/Resources/Public/fonts/RotisSemiSansStd-Bold/RotisSemiSansStd-Bold.woff') format('woff'),
	url('/fileadmin/tmpl/defaultproject/Resources/Public/fonts/RotisSemiSansStd-Bold/RotisSemiSansStd-Bold.ttf') format('truetype'),
	url('/fileadmin/tmpl/defaultproject/Resources/Public/fonts/RotisSemiSansStd-Bold/RotisSemiSansStd-Bold.svg#RotisSemiSansStd-Bold') format('svg');
	font-weight: bold;
	font-style: normal;
}

@font-face {
	font-family: 'RotisSemiSansStd-Regular';
	src: url('/fileadmin/tmpl/defaultproject/Resources/Public/fonts/RotisSemiSansStd-Regular/RotisSemiSansStd-Regular.eot?#iefix') format('embedded-opentype'),
	url('/fileadmin/tmpl/defaultproject/Resources/Public/fonts/RotisSemiSansStd-Regular/RotisSemiSansStd-Regular.otf') format('opentype'),
	url('/fileadmin/tmpl/defaultproject/Resources/Public/fonts/RotisSemiSansStd-Regular/RotisSemiSansStd-Regular.woff') format('woff'),
	url('/fileadmin/tmpl/defaultproject/Resources/Public/fonts/RotisSemiSansStd-Regular/RotisSemiSansStd-Regular.ttf') format('truetype'),
	url('/fileadmin/tmpl/defaultproject/Resources/Public/fonts/RotisSemiSansStd-Regular/RotisSemiSansStd-Regular.svg#RotisSemiSansStd-Regular') format('svg');
	font-weight: normal;
	font-style: normal;
}


body {
	background: none;
	color: #000;
	font-family: 'RotisSemiSansStd', sans-serif;
	font-weight: normal;
	overflow-x: hidden;
	overflow-y: scroll;
}

body p {
	font-size: 18px;
	font-weight: 200;
	line-height: 150%;
	text-align: justify;
	text-rendering: optimizeLegibility;
	-webkit-text-size-adjust: none;
}

body p b, body p strong {
	font-weight: bold !important;
}

h2 {
	font-size: 28px;
	font-weight: 200;
	text-align: center;
	text-transform: uppercase;
	color: #444444;
	padding-bottom: 18px;
	margin-bottom: 54px;
	background: url('/fileadmin/tmpl/defaultproject/Resources/Public/images/vrai/h2_border-bottom.png') no-repeat;
	background-position: center bottom;
}

#container {
	overflow: hidden;
	width: 100%;
}

#header {
	background: #ffffff;
	height: 90px;
	width: 100%;
	position: fixed;
	z-index: 5;
	display: none;
	box-shadow: 1px -8px 14px;
}

#header.imprint {
	height: 55px;
	width: 100%;
	position: fixed;
	z-index: 1;
	border-bottom: 1px solid #c8c8c8;
	display: none;
	box-shadow: 1px -8px 14px;
}

#header_container {
	margin: 0 auto;
	width: 100%;
	max-width: 980px;
	display: none;
}

#intro {
	margin: 0 auto;
	height: 141px;
	width: 580px;
	display: block;
	padding-top: 0;
}

#intro img {
	height: auto;
	max-width: 100%;
	width: auto;
	z-index: 1;
}

#home {
	background: url('/fileadmin/tmpl/defaultproject/Resources/Public/images/ae/ae_back_start.jpg') no-repeat;
	height: auto;
	width: 100%;
	overflow: hidden;
	background-position: 50% 50%;
	background-size: cover;
}

#about, #team, #work, #services, #customers, #contact, #impressum {
	background: #ffffff;
	height: auto;
	width: 100%;
	padding-top: 110px;
	position: relative;
	overflow: hidden;
}

#team #team_container {
	padding-top: 90px;
}

#contact {
	min-height: 144px;
}

#about, #services, #customers {
	display: none !important;
}

#home_container {
	height: auto;
}

#home img {
	height: auto;
	max-width: 100%;
	width: auto;
	z-index: 1;
	margin-top: 40px;
}

#home #intro img {
	margin-top: 140px;
}

#logo {
	margin: 0 auto;
	height: auto;
	width: 200px;
	display: none;
	padding-top: 0x;
}


#menu {
	display: inline;
	font-family: 'RotisSemiSansStd', sans-serif;
	font-weight: 200;
	text-transform: uppercase;
	width: 100%;
	color: #fff;
}

.slide_centred {
	height: 420px;
}

.slide_content {
	height: 275px;
	left: -980px;
	position: absolute;
	width: 2940px;
}

.slide_trans_right {
	background: #444444;
	height: 275px;
	opacity: 0.8;
	position: absolute;
	right: 1px;
	width: 980px;
	z-index: 4;
}

.slide_trans_left {
	background: #444444;
	height: 275px;
	left: 0;
	opacity: 0.8;
	position: absolute;
	width: 980px;
	z-index: 4;
}

@media screen and (-webkit-min-device-pixel-ratio: 0) {
	#menu {
		font-weight: 400;
	}
}

#menu ul {
	list-style-type: none;
	padding: 0;
	text-align: center;
}

#menu ul li {
	display: inline-block;
	line-height: 90px;
	position: relative;
	padding-left: 30px;
}

#menu.impressum ul {
	text-align: left;
}

#menu.impressum ul li {
	padding-left: 0px;
	line-height: 55px;
}

#menu ul li.menu_home {
	padding-left: 0;
}

#menu li a.active, #menu ul li:hover a {
	color: #016b81;
	border-bottom: 2px solid #016b81;
}

#menu a {
	display: inline;
	font-family: 'RotisSemiSansStd', sans-serif;
	font-size: 18px;
	text-decoration: none;
	color: #444444;
	z-index: 20;
}

#mobile_menu {
	display: none;
}

.header_icon {
	display: inline;
	float: right;
	height: auto;
	margin-left: 6px;
	width: auto;
}

#socials {
	display: inline;
	list-style-type: none;
	margin-top: 19px;
}

.social_twitter, .social_pinterest, .social_facebook, .social_foursquare {
	position: relative;
	height: 22px;
	padding-right: 14px;
	width: 22px;
}

.leftfloater {
	display: inline;
	float: left;
	position: relative;
}

.rightfloater {
	display: inline;
	float: right;
	position: relative;
}

.leftclear {
	clear: left;
}

.absolute {
	display: inline;
	position: absolute;
}

#anchor_home, #anchor_about, #anchor_team, #anchor_work, #anchor_contact, #anchor_customers, #anchor_services, #anchor_impressum {
	display: inline;
	float: left;
	margin-top: -110px;
	position: relative;
}

#about_container, #team_container, #contact_container, #impressum_container, #services_container, #customers_container {
	margin: 0 auto;
	max-width: 900px;
	padding-left: 10px;
	padding-right: 10px;
}

#slide_container {
	margin: 0 auto;
	width: 980px;
	padding-left: 0;
	padding-right: 0px;
	position: relative;
}

#contact_content p {
	text-align: center;
	padding-bottom: 0;
}

#contact_content a {
	color: #016b81;
	text-decoration: none;
}

#footer {
	background: url('/fileadmin/tmpl/defaultproject/Resources/Public/images/ae/background_footer.jpg') no-repeat center / 100% 144px;
	height: 144px;
	width: 100%;
	z-index: 5;
	color: #fff;
	font-family: 'RotisSemiSansStd', sans-serif;
	font-size: 14px;
	text-decoration: none;
	font-weight: 200;
	left: 0;
	bottom: 0;
	overflow: visible;
}

#footer_container {
	margin: 0 auto;
	max-width: 980px;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 50px;
}

#footer_menu ul {
	float: right;
	list-style-type: none;
	padding: 0;
	text-align: right;
	width: 50%;
}

#footer_menu ul li {
	display: inline-block;
	line-height: 100%;
	position: relative;
	padding-left: 14px;
	padding-bottom: 14px;
}

#footer_menu a {
	display: inline;
	font-family: 'RotisSemiSansStd', sans-serif;
	font-size: 14px;
	text-decoration: none;
	color: #fff;
	font-weight: 200;
}

#footer_menu .left {
	text-align: left;
	line-height: 100%;
}

#about_c_col1 {
	height: 389px;
	width: 60%;
	padding-right: 5%;
}

#about_c_col2 {
	height: auto;
	width: 35%;
}

#about_c_col2 img {
	height: auto;
	width: 100%;
}

#logo_footer_bottom {
	bottom: 38px;
	height: 44px;
	margin: 0 auto;
	width: 100%;
	z-index: 7;
}

#about_content {
	width: 100%;
}

#about_c_col1_bottom {
	bottom: 0;
	width: 100%;
}

#about_c_col1_top {
	margin-top: -5px;
	width: 100%;
}

#about_c_col1_bottom .left {
	float: left;
	padding-right: 8%;
	width: 92%;
	font-size: 14px;
	font-weight: 100;
	line-height: 150%;
}

#about_c_col1_bottom .right {
	float: right;
	width: 440px;
	padding-right: 30px;
	text-align: right;
	font-size: 14px;
	font-weight: 100;
	line-height: 150%;
}

#team_c_col2, #contact_c_col2 {
	width: 100%;
}

#team_c_col1, #contact_c_col1 {
	width: 100%;
}

#team_c_col1_top img, #team_c_col2_top img {
	height: auto;
	width: 100%;
}

#team_c_col1_top, #team_c_col2_top, #contact_c_col1_top, #contact_c_col2_top {
	margin-bottom: 12px;
	text-align: center;
}

#team_c_col1_socials, #team_c_col2_socials {
	height: 24px;
	width: 550px;
	margin-bottom: 12px;
	text-align: center;
}

#team_c_col1_socials a, #team_c_col2_socials a {
	height: 24px;
	width: 24px;
	text-decoration: none;
	margin-right: 3px;
}

#team_c_col1_bottom, #team_c_col2_bottom, #contact_c_col1_bottom, #contact_c_col2_bottom {
	width: 550px;
	margin-bottom: 18px;
	text-align: center;
}

#team_c_col1_bottom h4, #team_c_col2_bottom h4 {
	font-size: 20px;
	font-weight: normal;
	color: #016b81;
	text-align: center;
	margin-bottom: 4px;
}

#team_c_col1_bottom p, #team_c_col2_bottom p {
	line-height: 130%;
	text-align: justify;
	font-size: 18px;
}

#contact_c_col1_bottom p, #contact_c_col2_bottom p {
	line-height: 130%;
	text-align: center;
	font-size: 18px;
}

#team_c_col1_bottom h5, #team_c_col2_bottom h5 {
	font-size: 18px;
	font-weight: normal;
	text-align: center;
	margin-bottom: 18px;
}

#services_content h3 {
	font-size: 18px;
	font-weight: normal;
	padding-bottom: 14px;
}

#services_c_3col {
	margin-bottom: 36px;
	height: auto;
}

#services_c_2col {
	width: 100%;
	float: left;
	display: inline
}

#services_c_leftCol, #services_c_middleCol {
	width: 30%;
	padding-right: 5%;
	float: left;
	display: inline;
}

#services_c_rightCol {
	width: 30%;
	padding-right: 0;
	float: left;
	display: inline;
}

#services_content p {
	line-height: 130%;
	font-size: 16px;
	text-align: justify;
}

#services_content p .align-left {
	text-align: left !important;
	display: inline-block;
}

#impressum_container {
	padding-bottom: 36px;
}

#contact_c_col2_top iframe {
	-webkit-filter: grayscale(90%); /* Safari 6.0 - 9.0 */
	filter: grayscale(90%);
}

#customers_col1 img {
	height: auto;
	width: 100%;
}





#team #team_centred, #team #team_c_col1_top, #team #team_c_col2_top {
	text-align: left;
}

#team #team_c_col1_top img, #team #team_c_col2_top img {
	height: auto;
	width: 90px;
	display: inline-block;
	float: left;
}
#team #team_c_col1, #team #contact_c_col1 {
	margin-bottom: 36px;
}

#team .linktext {
	width: auto;
	position: relative;
	float: left;
	display: inline-block;
	padding-left: 30px;
	padding-top: 36px;
}

.linktext p.bodytext {
	font-size: 22px;
	text-decoration: underline;
	color: #2d3037;
}


.animated-text {
	color: #1A1D4E;
	font-size: 27px;
	overflow: hidden;
	height: auto;
	word-wrap: break-word;
	white-space: nowrap;
	animation: typing 8s steps(59) forwards;
	padding-top: 144px;
	font-style: italic;
	font-family: 'Damion', cursive;
	font-weight: 400;
}

@keyframes typing {
	from {
		width: 0;
	}
	to {
		width: 59ch;
	}
}




@media screen and (max-width: 800px) {
	h2 {
		font-size: 20px;
	}

	#menu a {
		font-size: 16px;
	}

	#about_c_col1 {
		height: auto;
		margin-bottom: 20px;
		padding-bottom: 60px;
		width: 60%;
	}

	#about_container, #team_container, #contact_container, #impressum_container, #services_container {
		margin: 0px auto;
		padding-left: 10%;
		padding-right: 10%;
		max-width: 80%;
	}

	#team_c_col1_top img, #team_c_col2_top img, #contact_c_col1_top img, #contact_c_col2_top img {
		width: 100%;
		height: auto;
	}

	#team_c_col1_bottom, #team_c_col2_bottom, #contact_c_col1_bottom, #contact_c_col2_bottom, #team_c_col1_socials, #team_c_col2_socials {
		width: 100%;
	}

	#services_c_leftCol, #services_c_middleCol, #services_c_rightCol {
		width: 100%;
		padding-right: 0px;
		float: left;
		display: inline;
		margin-bottom: 24px;
	}

	#intro {
		width: 100%;
	}
}

@media screen and (max-width: 580px) {
	#footer_menu ul {
		width: auto;
	}

	#footer_menu ul li {
		display: inline-block;
		line-height: 100%;
		padding-left: 14px;
		padding-top: 0;
		position: relative;
	}

	#footer_menu a {
		font-size: 11px;
	}

	#footer_menu .left {
		line-height: 100%;
		padding-top: 0;
		text-align: left;
		font-size: 11px;
		display: inline-block;
	}

	body p {
		font-size: 16px;
		line-height: 130%;
	}

	h2 {
		font-size: 18px;
		margin-bottom: 30px;
		padding-bottom: 12px;
	}

	#about, #team, #work, #services, #contact, #impressum {
		padding-top: 80px;
	}

	#anchor_home, #anchor_about, #anchor_team, #anchor_work, #anchor_contact, #anchor_services, #anchor_impressum {
		margin-top: -80px;
	}

	#about_container, #team_container, #contact_container, #impressum_container, #services_container {
		width: 100%;
		max-width: 100%;
		padding: 0;
	}

	#team_centred {
		width: 100%;
	}

	#work #team_centred {
		margin-top: 100px;
	}

	#team_c_col1, #team_c_col2, #contact_c_col1, #contact_c_col2 {
		width: 100%;
		padding: 0;
	}

	#team #team_c_col1, #team #team_c_col2 {
		padding: 0 20%;
	}
	.linktext p.bodytext {
		font-size: 18px;
	}

	#team #team_c_col1_top img, #team #team_c_col2_top img {
		width: 60px;
	}


	#team .linktext {
		padding-top: 20px;
	}

	#team_c_col1_top img, #team_c_col2_top img, #contact_c_col1_top img, #contact_c_col2_top img {
		width: 100%;
		height: auto;
	}

	#about_content, #team_c_col1_bottom, #team_c_col2_bottom, #contact_c_col1_bottom, #contact_c_col2_bottom, #impressum_container {
		width: 94%;
		max-width: 94%;
		padding-left: 3%;
		padding-right: 3%;
	}

	#team_c_col1_bottom h4, #team_c_col2_bottom h4, #team_c_col1_bottom h5, #team_c_col2_bottom h5 {
		font-size: 16px;
	}

	#team_c_col1_bottom p, #team_c_col2_bottom p {
		font-size: 16px;
	}

	#team_c_col1_socials, #team_c_col2_socials {
		width: 100%;
		margin-bottom: 40px;
	}

	#contact_c_col1_bottom p, #contact_c_col2_bottom p {
		line-height: 120%;
		font-size: 16px;
	}

	#services_c_leftCol, #services_c_middleCol, #services_c_rightCol, #services_c_2col {
		width: 94%;
		padding-right: 3%;
		padding-left: 3%;
		margin-bottom: 24px;
	}

	#services_content h3 {
		font-size: 16px;
		padding-bottom: 10px;
	}

	#services_content p {
		font-size: 16px;
	}

	#footer {
		height: 84px;
	}

	#footer_container {
		padding-top: 26px;
		max-width: 96%;
		padding-left: 3%;
		padding-right: 3%;
	}
	.animated-text {
		font-size: 17px;
		margin-left: 9px;
	}
}

@media screen and (max-width: 630px) {

	#impressum_container {
		padding-bottom: 24px;
	}

	#home #logo_mobile img {
		height: auto;
		max-width: 160px;
		width: 160px;
		z-index: 1;
	}

	#about_c_col1 {
		height: auto;
		padding-right: 0;
		padding-bottom: 0;
		width: 100%;
	}

	#about_c_col1_bottom {
		position: relative;
	}

	#about_c_col2 img {
		height: auto;
		max-width: 400px;
		width: 100%;
	}

	#about_c_col2 {
		height: auto;
		margin-bottom: -4px;
		padding-top: 0;
		text-align: center;
		width: 100%;
	}

	#about, #interior, #design {
		height: auto !important;
		padding-bottom: 0 !important;
		display: inline;
		float: left;
	}

	#contact {
		height: auto !important;
		padding-bottom: 100px !important;
		display: inline;
		float: left;
	}

	#about_c_col1_bottom .left {
		float: left;
		font-size: 16px;
		font-weight: 100;
		line-height: 150%;
		padding-right: 0;
		width: 100%;
	}

	#about_c_col1_bottom .right {
		float: right;
		font-size: 16px;
		font-weight: 100;
		line-height: 150%;
		padding-right: 0;
		text-align: right;
		width: 100%;
		padding-top: 12px;
	}

	#header {
		height: 55px;
		border-bottom: 1px solid #c8c8c8;
	}

	#mobile_menu {
		display: inline;
		cursor: pointer;
		padding-top: 18px;
		position: absolute;
		right: 10px;
	}

	#menu {
		background: #c8c8c8;
		left: 0;
		text-align: center;
		top: 55px;
		width: 100%;
		display: none;
	}

	#menu a {
		font-size: 16px;
		width: 100%;
		display: block;
	}

	#menu ul li {
		display: block;
		line-height: 36px;
		text-align: center;
		padding-left: 0px;
		border-top: 1px dotted #fff;
		cursor: pointer;
	}

	#menu ul li a.active {
		font-size: 16px;
		border-bottom: none;
	}

	#menu ul li.active, #menu ul li.menu_home.active {
		color: #016b81;
		border-bottom: none;
		background: #d8d8d8;
		border-top: 1px solid #016b81;
		line-height: 42px;
	}

	#menu ul li:hover a {
		color: #016b81;
		border-bottom: none;
		background: #d8d8d8;
	}

	#menu.impressum {
		display: block !important;
		width: auto !important;
		padding-left: 3%;
		background: none;
	}

	#menu.impressum ul li {
		display: inline-block;
		line-height: 55px;
		padding-left: 0;
		position: relative;
		border: none;
	}

	#menu ul li.menu_home {
		border-top: none;
	}

	#menu ul li.menu_contact {
		border-bottom: 1px solid #424242;
	}

	#slide_container {
		margin: 0 auto;
		padding-left: 0;
		padding-right: 0;
		position: relative;
		width: 100%;
	}

	.slide_centred {
		height: auto;
	}

	.slide_content {
		height: auto;
		left: 0;
		position: relative;
		width: 100%;
	}

	.slide_content img {
		height: auto;
		width: 100%;
	}

	.slide_trans_right, .slide_trans_left {
		display: none;
	}
}

/* Slider Tausch */

.slide_centred.desktop {
	display: block;
}

.slide_centred.mobile {
	display: none;
}

.slide_centred.mobile2 {
	display: none;
}

@media screen and (max-width: 1120px) and (min-width: 631px) {

	.bx-wrapper .bx-prev {
		left: 430px !important;
	}

	.bx-wrapper .bx-next {
		right: 430px !important;
	}

	.slide_content {
		height: 275px;
		left: -980px;
		position: absolute;
		width: 2450px !important;
	}

	#slide_container {
		margin: 0 auto;
		padding-left: 0;
		padding-right: 0;
		position: relative;
		width: 490px;
	}

	.slide_centred.desktop {
		display: none;
	}

	.slide_centred.mobile {
		display: block;
	}

}

@media screen and (max-width: 630px) {

	.slide_centred.mobile2 {
		display: block;
	}

	.slide_centred.mobile {
		display: none;
	}

	.slide_centred.desktop {
		display: none;
	}

	body {
		color: #000000;
		font-size: 14px;
		font-family: 'RotisSemiSansStd', sans-serif;
	}

	#logo_icon {
		height: auto;
		margin: 0 auto;
		text-align: center;
		width: 100%;
	}

	#logo_icon img {
		height: auto;
		width: 44px;
	}

	#socials img {
		height: auto;
		width: 100%;
	}

	#team #team_c_col1, #team #team_c_col2 {
		padding: 0 7%;
	}
	#team .linktext {
		padding-left: 14px;
	}
}

@media screen and (max-width: 480px) {
	#contact {
		min-height: 0 !important;
		padding-bottom: 0 !important;
	}
}